html.light {
    $--color-primary: #434EB8;
    $--color-success: #4CD263;
    $--color-warning: #E6A23C;
    $--color-danger: #F98981;
    $--color-info: #909399;

    $--button-font-weight: 400;
    $--color-white: #ffffff !default;
    $--color-black: #000000 !default;
    $--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default;
    $--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default;
    $--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default;
    $--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default;
    $--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default;
    $--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default;
    $--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default;
    $--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default;
    $--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default;

    $--color-success-light: mix($--color-white, $--color-success, 80%) !default;
    $--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
    $--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;
    $--color-info-light: mix($--color-white, $--color-info, 80%) !default;

    $--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;
    $--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;
    $--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;
    $--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;

    /* Link
    -------------------------- */
    $--link-color: $--color-primary-light-2  !default;
    $--link-hover-color: $--color-primary  !default;

    /* Background
    -------------------------- */
    // $--background-color-base: #f5f7fa !default;

    /* Border
    -------------------------- */
    $--border-width-base: 1px !default;
    $--border-style-base: solid !default;
    $--border-color-base: #E4E7EC !default;
    $--border-color-light: #e4e7ed !default;
    $--border-color-lighter: #ebeef5 !default;
    $--border-color-extra-light: #f2f6fc !default;
    // $--border-color-hover: $--color-text-placeholder !default;
    // $--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
    // $--border-radius-base: 4px !default;
    // $--border-radius-small: 2px !default;
    // $--border-radius-circle: 100% !default;


    $--color-text-regular: #444 !default;
    $--form-label-font-colr: #000 !default;

    $--border-color-light: #dfe4ed;
    $--border-color-lighter: #e6ebf5;

    $--table-border-color: #EBEEF8;
    $--table-border: 1px solid #EBEEF8;
    $--table-header-font-color: #909398 !default;
    $--table-row-hover-background-color: #F7FAFF !default;
    $--table-current-row-background-color: #fff !default;
    $--table-header-background-color: #ebeef8 !default;

    /* Input -------------------------- */

    // $--input-font-size: $--font-size-base !default;
    $--input-color: #333333 !default;
    // $--input-width: 140px !default;
    // $--input-height: 40px !default;
    // $--input-border: $--border-base !default;
    $--input-border-color: #E4E7EC !default;
    // $--input-border-radius: $--border-radius-base !default;
    // $--input-border-color-hover: $--border-color-hover !default;
    $--input-fill: $--color-white !default;
    $--input-fill-disabled: #F7F7F7 !default;
    $--input-color-disabled: #333333 !default;
    // $--input-icon-color: $--color-text-placeholder !default;
    // $--input-placeholder-color: $--color-text-placeholder !default;
    $--input-hover-border: $--color-primary-light-5 !default;
    // $--input-clear-hover-color: $--color-text-secondary !default;
    $--input-focus-border: $--color-primary !default;
    $--input-focus-fill: $--color-white !default;
    $--input-disabled-fill: #F7F7F7 !default;
    $--input-disabled-border: #E4E7EC  !default;
    $--input-disabled-color: #333333 !default;
    $--input-disabled-placeholder-color: #AFAFAF  !default;
    // $--input-max-width: 314px !default;
    // $--input-medium-font-size: 14px !default;
    // $--input-medium-height: 36px !default;
    // $--input-small-font-size: 13px !default;
    // $--input-small-height: 32px !default;
    // $--input-mini-font-size: 12px !default;
    // $--input-mini-height: 28px !default;

    $--select-border-color: #E4E7EC !default;
    $--select-border-color-hover: $--color-primary-light-5 !default;
    $--select-input-focus-border-color: $--color-primary-light-5  !default;
    $--select-disabled-border: #E4E7EC !default;
    $--select-input-color: #333333  !default;

    $--button-default-font-color: #70747A  !default;
    $--button-default-background-color: #fff  !default;
    $--button-default-border-color: rgba(112,116,122,0.2)  !default;

    $--radio-checked-icon-color: $--color-primary  !default;

    $--checkbox-checked-background-color: $--color-primary  !important;
    $--checkbox-checked-input-border-color: $--color-primary !important;
    $--checkbox-input-border-color-hover: $--color-primary !important;
    $--checkbox-disabled-checked-input-fill: #f2f6fc !important;
    $--checkbox-disabled-checked-input-border-color: #dcdfe6 !important;



    /* icon font path, required */
    $--font-path: '~element-ui/lib/theme-chalk/fonts';

    @import "~element-ui/packages/theme-chalk/src/index";
    @import './index.scss';
    :export {
        theme: $--color-primary;
    }
    ::-webkit-scrollbar-track-piece {
        background: $--table-border-color !important;
    }
    ::-webkit-scrollbar-track {
        background: transparent;
    }

    ::-webkit-scrollbar-thumb {
        background: #C0C5CB;
    }


    body {
        background: #EDEEF1;
        font-family: PingFang SC;
    }
    button, input, optgroup, select, textarea, aside{
        font-family: PingFang SC;
    }
    .el-button--primary.is-plain.on {
        background: $--color-primary;
        border-color: $--color-primary;
        color: #fff;
    }
    .el-button--primary.is-plain:hover {
        border-color: $--color-primary;
        color: #fff;
        background: $--color-primary;
    }
    .el-button--primary.is-plain:focus {
        border-color: $--color-primary;
        color: #fff;
        background: $--color-primary;
    }

    a.link_a, a.link_a:focus {
        color: $--color-primary;
    }
    .link-type, .link-type:focus {
        color:  $--color-primary!important;
    }
    a.link_a:hover, .link-type:hover {
        color: $--color-primary-light-2!important;
    }
    .uploader-btn {
        border: 0;
        color: $--color-primary-light-2!important;
        font-size: 12px;
        background-color: transparent;
        cursor: pointer;
    }

    .el-checkbox-button__inner:hover {
        color: $--color-primary!important;
    }
    .el-button+.el-button {
        margin-left: 10px
    }

    .el-link {
        font-size: 13px !important;
        word-break: break-all;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline;
    }
    .el-tree,
    .el-input__count-inner {
        background-color: transparent !important;
    }
    .el-tabs{
        .el-tabs__nav-wrap::after {
            background-color: rgba(153, 153, 153, 0.2)!important;
        }
        .el-tabs__item {
            height: 50px;
            line-height: 50px;
        }
        .el-tabs__active-bar{
            &::before{
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                border-bottom: 6px solid $--color-primary;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                font-size: 0;
                line-height: 0;
                bottom: 0;
                left: calc(50% - 6px);
            }
        }
    }
    .el-tabs--left{
        .el-tabs__active-bar{
            &::before{
                content: unset;
            }
        }
    }
    .el-button--default{
        &:hover{
            background: #fff;
            border-color: $--color-primary;
            color: $--color-primary;
        }
    }
    .rangeItem>div {
        display: flex;
        align-items: center;
        .rangeIndex, .smallC{
            border-radius: 2px 2px 2px 2px;
            opacity: 1;
            border: 1px solid #DCDFE4;
            background: transparent;
            padding: 0 3px;
            font-size: 13px;
            font-weight: 400;
            color: #A7AFCC;
            height: 36px;
            line-height: 36px;
            display: inline-block;
        }
    }
    .el-dialog {
        border-radius: 10px;
        .el-dialog__header {
            background: #F9FAFC;
            padding: 15px;
            border-bottom: 1px solid #F0F0F3;
            color: #000000;
            border-radius: 10px 10px 0 0;
        }
        .el-dialog__body {
            border: 0;
        }
    }
    .msgDialogButton {
        width: 75%;
    }
    .dialogForm{
        width: 80%;
    }
    .maxDialog{
        .el-dialog__header {
            padding: 0px!important;
            border-bottom: 0;
        }
    }
    .dataForm{
        .el-form-item__label {
            // font-size: 14px;
            // font-weight: 400;
            // color: #5F6366;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            color: #303133;
        }
        .el-table{
            // box-shadow: 0px 0px 10px 0px rgba(0,26,163,0.1);
            // margin-left: 5px;
            border: $--table-border;
            border-bottom: 0;
            border-right: 0;
            // box-shadow: 0px -5px 10px 0px rgba(0,26,163,.1);
            // border-radius: 5px 5px 0 0 ;
            // width: calc(100% - 10px);
        }

        .tol{
            width: calc(100% - 1px);
            padding-left: 10px;
            // margin-top: 5px;
            border: $--table-border;
            border-top: 0;
            // box-shadow: 0px 5px 10px 0px rgba(0,26,163,.1);
            // border-radius:  0 0 5px 5px;
            .el-button{
                border: 1px solid rgba(112,116,122,0.4);
                background: transparent;
                color: #70747A;
            }
            .el-button:hover{
                border: 1px solid $--color-primary;
                color: $--color-primary;
            }
        }
    }
    .actTaskLeft .el-table {
        width: calc(100% - 35px);
    }
    .v-modal {
        background: #000;
    }
    .processbtn{
        position: relative;
        padding-left: 15px!important;
        color: #31373D;
        &::before{
            width: 4px;
            height: 4px;
            position: absolute;
            left: 0;
            top: calc(50% - 2px);
            content: '';
            border-radius: 50%;
        }
        &.warning{
            &::before{
                background: rgba(253, 185, 44, 1);
                box-shadow: 0 0 0px 2px rgba(253, 185, 44, 0.5);
            }
        }
        &.success{
            &::before{
                background: rgba(56, 184, 101, 1);
                box-shadow: 0 0 0px 2px rgba(56, 184, 101, 0.5);
            }
        }
        &.danger{
            &::before{
                background: rgba(165, 94, 255, 1);
                box-shadow: 0 0 0px 2px rgba(165, 94, 255, 0.5);
            }
        }
        &.info{
            &::before{
                background: rgba(101, 119, 152, 1);
                box-shadow: 0 0 0px 2px rgba(101, 119, 152, 0.5);
            }
        }
        &.exempt{
            &::before{
                background: rgba(253, 157, 44, 1);
                box-shadow: 0 0 0px 2px rgba(253, 157, 44, 0.5);
            }
        }
        &.pass{
            &::before{
                background: rgba(55, 212, 207, 1);
                box-shadow: 0 0 0px 2px rgba(55, 212, 207, 0.5);
            }
        }
        &.pass{
            &::before{
                background: rgba(210, 15, 0, 1);
                box-shadow: 0 0 0px 2px rgba(210, 15, 0, 0.5);
            }
        }
    }
    .riskSpan {
        display: inline-flex;
        align-items: center;
        margin-right: 0px;
        padding: 0 5px;
    }
    .alinTop{
        vertical-align: middle!important;
    }
    .dealBaseHome .titlebar .titlebar-title .title .header-msg .content .text:first-child button {
        padding: 0;
    }
    .el-form--inline{
        .el-form-item {
            margin-bottom: 10px;
            .el-range-editor{
                width: 240px!important;
            }
            .el-form-item__label {
                font-size: 14px;
                font-weight: 400;
                color: #5F6366;
            }
            .el-button{
                background: $--button-default-background-color !important;
                border-color: $--button-default-border-color !important;
                color: $--button-default-font-color;
                &:hover{
                    background:  transparent!important;
                    border-color: $--color-primary !important;
                    color: $--color-primary !important;
                }
            }
            .el-button--primary {
                background: rgba(82,88,224,0.2)!important;
                color: #5258E0 !important;
                border: 0;
                padding: 8px 15px;
                &:hover{
                    background: rgba(82,88,224,0.1) !important;
                    border-color: $--color-primary-light-2 !important;
                    color: #5258E0;
                }
            }

            .el-button+.el-button {
                margin-left: 5px;
            }
        }
    }
    .mb8.el-row, .dialog-footer, .actFooter{
        .el-button{
            background: $--button-default-background-color!important;
            border-color: $--button-default-border-color!important;
            color: $--button-default-font-color;
            &:hover{
                background: transparent!important;
                border-color: $--color-primary!important;
                color: $--color-primary;
            }
        }
        .el-button--primary {
            background: $--color-primary!important;
            color: #fff;
            &:hover{
                background: $--color-primary-light-1!important;
                border-color: $--color-primary-light-1!important;
                color: #fff;
            }
        }
    }
    .appendContent .el-table__empty-block {
        border-bottom: 0;
    }

    .list-table{
        box-shadow: none!important;
        border-radius: 6px!important;
        .area-header-title{
            font-size: 16px;
            font-weight: bold;
            color: #303133;
            line-height: 24px;
            &::before{
                content: unset;
            }
        }
    }

    .list-table.noPad{
        // padding: 1px;
        .el-tabs{
            .el-tabs__content{
                padding: 10px 0 0;
            }
        }
        .el-tabs__header{
            margin-bottom: 0;
        }
    }
    .box-shadow-list{
        // box-shadow: 0px 0px 10px 0px rgba(0,26,163,0.1) inset;
        border: 1px solid rgba(0, 26, 163, 0.1);
        border-radius: 6px 6px 6px 6px;
    }
    .pad15{
        padding: 15px;
    }
    .pad20{
        padding: 20px;
    }

    .mainMenu{
        .el-menu-item{
            transition: unset;
        }
        .el-menu-item:not(.is-disabled):hover, .el-menu-item:not(.is-disabled):focus {
            outline: none;
            color: $--color-primary;
        }
        .el-menu-item.is-active{
            color: $--color-primary;
            border: 0;
            transition: unset;
        }
    }
    .header-search{
        input{
            background: #F7F9FA;
            border: 0;
            border-radius: 18px;
        }
        .el-icon-search{
            color: #C0C5CB;
        }
    }
    .dealEvent {
        .el-timeline-item__tail {
            border-left: 2px dashed $--table-border-color;
        }
        ul.legend li i {
            height: 10px;
            width: 10px;
            border-radius: 50%;
            overflow: unset;
            margin-right: 7px;
            position: relative;
            z-index: 0;
            &::before{
                content: '';
                position: absolute;
                width: 10px;
                height: 10px;
                background: inherit;
                opacity: 0.3;
                top: 0px;
                left: 4px;
                border-radius: 50%;
                filter: blur(1px);
            }
        }
        .el-timeline-item__tail{
            height: calc(100% + 13px);
            top: 13px;
        }
        .el-timeline-item__node{
            position: relative;
            z-index: 0;
            top: 13px;
            &::before{
                content: '';
                position: absolute;
                width: 10px;
                height: 10px;
                background: inherit;
                opacity: 0.3;
                top: 0px;
                left: 4px;
                border-radius: 50%;
                filter: blur(1px);
            }
        }
    }
    .components-fof, .list-table.noPad{
        .el-tabs__content{
            .el-tabs {
                background: #fff;
                border: 0;
                box-shadow: unset;
                .el-tabs__header {
                    background-color: transparent;
                    border-bottom: 0!important;
                }
                .el-tabs__item {
                    border-radius: 20px!important;
                    background-color: #F3F6FB;
                    border: 1px solid #F3F6FB;
                    color: #909398;
                    font-size: 14px;
                    margin-right: 10px;
                    height: 30px !important;
                    line-height: 28px !important;
                    margin-left: 2px !important;
                    margin-top: 0px !important;
                    padding: 0 20px!important;
                    font-weight: normal!important;
                }
                .el-tabs__item.is-active {
                    font-size: 14px;
                    border: 1px solid $--color-primary;
                    color: $--color-primary!important;
                    background-color: transparent!important;
                }
                .el-tabs__active-bar::before{
                    content: unset!important;
                }
                .el-tabs__nav-wrap::after{
                    background-color: transparent!important;
                }
                .el-tabs__active-bar{
                    background-color: transparent;
                }
            }
        }
    }
    .home_page{
        .bigTabs .area-header{
            display: none;
        }
        .box-shadow-list{
            .area-header{
                display: block;
                .area-header-title{
                    font-size: 15px;
                    font-weight: 400;
                    color: #454647;
                    line-height: 24px;
                    &::before{
                        content: '';
                        width: 8px;
                        height: 8px;
                        background: $--color-primary;
                        border-radius: 50%;
                    }
                }
            }
        }
        .el-tab-pane{
            .el-tabs--border-card {
                background: #fff;
                border: 0;
                box-shadow: unset;
                .el-tabs__header {
                    background-color: transparent;
                    border-bottom: 0!important;
                }
                .el-tabs__item {
                    border-radius: 20px!important;
                    background-color: #F3F6FB;
                    border: 1px solid #F3F6FB;
                    color: #909398;
                    margin-right: 10px;
                    height: 30px !important;
                    line-height: 30px !important;
                    margin-left: 2px !important;
                    margin-top: 0px !important;
                }
                .el-tabs__item.is-active {
                    border: 1px solid $--color-primary;
                    color: $--color-primary!important;
                    background-color: transparent!important;
                }
            }
        }
        .infiniteActTask{
            border: 0;
            padding-right: 10px;
            li{
                border: 0;
                margin-bottom: 10px;
                padding: 4px 10px;
                line-height: 20px;
                position: relative;
                overflow: unset;
                border-left: 2px solid transparent;
                &:hover{
                    border-left: 2px solid $--color-primary;
                    background: linear-gradient(90deg, #EBEBFF 0%, rgba(255, 255, 255, 0.22) 100%);
                }
            }
        }
        .noHeader .el-tabs__header {
            right: 0;
            width: 100%;
        }
        .setRight .el-icon-setting {
            right: 10px;
            top: 12px;
        }
        .noStyle{
            font-size: 16px;
            font-weight: bold;
            color: #303133;
            line-height: 19px;
            &::before{
                content: unset!important;
            }
        }
        .header-right{
            color: rgba(192, 197, 203, 1);
        }
        .fixedHeight{
            .investMes{
                li{
                    background: unset;
                    padding: 6px;
                    >div{
                        background: #F7FAFF!important;
                        border-radius: 8px!important;
                        border: 1px solid #ECEFFA;
                        display: flex;
                        align-items: center;
                        padding: 13px 15px;
                        column-gap: 20px;
                        .indicatorsIcon{
                            width: 45px;
                            height: 45px;
                            background: url(../image/icon_1.svg);
                            background-repeat: no-repeat;
                            background-size: contain;
                        }
                        .indicatorsVal{
                            color: #333;
                            padding: 0;
                            height: unset;
                            i{
                                font-size: 21px;
                                font-weight: bold;
                                color: #333333;
                                margin-top: 5px;
                            }
                            span{
                                color: rgba(69, 70, 71, 1);
                                font-size: 13px;
                                // font-family: Microsoft YaHei-Regular;
                                font-weight: normal;
                            }
                        }
                        &:hover{
                            background: #fff!important;
                            box-shadow: 0px 4px 4px 0px rgba(0,26,163,0.3);
                            border-bottom: 3px solid  $--color-primary;
                            .indicatorsIcon{
                                background: url(../image/icon_1_hover.svg);
                                background-repeat: no-repeat;
                                background-size: contain;
                            }
                        }
                    }

                }
            }
            .list-table{
                border: 0!important;
            }
        }
        .label-badge .badge{
            z-index: 9;
        }
    }
    .popperMenu{
        ul{
            border-right: 0;
        }
    }
    .welcome{
        background: #fff;
        border-radius: 6px;
        position: relative;
        height: 160px;
        margin-bottom: 15px;
        overflow: hidden;
        &::before{
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            background: url(../image/welcome.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            z-index: 0;
        }
        .el-icon-close{
            position: absolute;
            z-index: 2;
            color: #D9D9D9;
            right: 10px;
            top: 10px;
            cursor: pointer;
        }
        >div{
            z-index: 1;
            font-weight: bold;
            color: $--color-primary;
            font-size: 21px;
            position: absolute;
            top: 40px;
            left: 30px;
            line-height: 70px;
            p{
                margin: 0;
                line-height: 28px;
                font-size: 19px;
            }
        }
    }

    .el-pagination.is-background {
        .el-pager li:not(.disabled).active {
            background-color: $--color-primary;
            color: #fff;
            min-width: 30px;
        }
        .btn-prev, .btn-next, .el-pager li {
            background-color: transparent;
            color: #909398;
            min-width: auto;
        }
        .el-pagination__editor.el-input {
            width: 50px;
            .el-input__inner {
                height: 28px;
            }
        }
    }

    .area-header .area-header-title::before {
        background-color: $--color-primary;
    }
    .approvalRecord .colspan{
        background: #ebeef8 !important;
    }
    .uploadBody .uploader-btn{
        display: inline;
        padding: 0;
        font-weight: unset;
        font-size: 13px;
        &:hover{
            background: transparent;
        }
    }
    .login .title, .pswRow{
        color: $--color-primary;
    }
    .login-form-reset{
        .el-input-group__append{
            height: 34px;
            button{
                padding: 0;
            }
        }
    }
    .outsideChain {
        .el-button--text{
            width: 40px;
            height: 40px;
            background: #fff;
            margin-bottom: 10px;
            border-radius: 4px;
            box-sizing: border-box;
            box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
            margin-left: 0!important;
        }
        .el-button--text>span{
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }
        .el-button--text .el-icon-service{
            font-size: 15px;
            font-weight: 500;
        }
        .el-link{
            color:  $--color-primary;
        }
        .el-button:focus, .el-button:hover {
            color: $--color-primary;
            border-color: #fff;
            background-color: #fff;
        }
    }
    .contactUs{
        background: #FCFCFC;
        position: fixed;
        right: 80px;
        left: unset;
        .el-dialog__footer{
          padding: 0;
        }
        .el-dialog__header{
          background: $--color-primary;
          border-radius: 8px 8px 0 0;
          padding: 10px 15px;
          .el-dialog__title{
            color: #fff;
            font-size: 15px;
          }
          .el-dialog__headerbtn{
            top: 15px;
            i{
              color: #fff;
            }
          }
        }
        .content{
          .el-form-item__content{
            line-height: normal;
          }
          p{
            margin: 0 0 10px 0;
            font-size: 13px;
            line-height: 20px;
          }
          .el-form-item__label{
            line-height: normal;
            font-size: 13px;
            padding: 0;
            margin-bottom: 5px;
          }
          .el-form-item{
            margin-bottom: 15px;
          }
          button{
            width: 100%;
            background-color: $--color-primary;
            margin-top: 10px;
          }
        }
      }
    .el-table{
        color: #303133;
        border-right: $--table-border;
        // box-shadow: 0px 0px 10px 0px rgba(0,26,163,.1);
        // border-radius: 5px;
        // &::before{
        //     content: unset;
        // }
        // &:after{
        //     content: unset;
        // }
        .el-table__header th{
            border-bottom: 1px solid $--table-border-color!important;
            background-color: #ebeef8 !important;
            height: 40px;
            line-height: 40px;
            padding: 0!important;
            font-size: 13px;
            color: #303133!important;
        }
        td{
            padding: 8px 0!important;
            border-right: 1px solid $--table-border-color!important;
            color: #666666;
        }
        .el-table__fixed-right {
            border-right: $--table-border;
        }
        .el-table__fixed-footer-wrapper, .el-table__footer-wrapper{
            tbody td.el-table__cell {
                background-color: #F3F6FB;
                color: #303133!important;
            }
        }
        .el-table__cell>.cell{
            white-space: nowrap;
        }

        .fixed-width .el-button--mini {
            padding-left: 0;
            padding-right: 0;
            width: inherit;
        }
    }
    .el-table__fixed::before, .el-table__fixed-right::before {
        background-color: transparent;
    }
    .multi-table-td {
        border-bottom: 1px solid $--table-border-color;
    }
    .approvalRecord{
        border: $--table-border;
        .colspan {
            background: #ebeef8 !important;
        }
        li {
            border-top: $--table-border;
        }
        .user {
            border-right: $--table-border;
        }
    }
    .tol {
        border: 1px solid transparent;
    }
    .sidebar-container{
        background-color: #fff;
        border: 1px solid #eee;
    }

    .link_a .el-dropdown-menu__item{
        color: $--color-primary;
    }

    .el-menu-item:hover, .el-menu-item:focus {
        background-color: transparent;
    }
    .hamburger-container{
        i{
            color: #333;
        }
    }
    // .dealBaseHome{
    //     .titlebar .tit button{
    //         height: auto !important;
    //         color: #ffffff !important;
    //     }
    //     .app-body {
    //         padding: 0px;
    //     }
    // }
    // .el-button+.el-button {
    //     margin-left: 10px;
    // }
    .el-tree-node__content>label.el-checkbox {
        margin-right: 8px;
    }
    .el-radio-button:first-child .el-radio-button__inner {
        border-color: $--color-primary;
    }
    .item__input{
        display: none;
    }
    .tags-view-container {
        background: #fff;
        border-bottom: 1px solid #d8dce5;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
        .tags-view-wrapper {
          .tags-view-item {
            border: 1px solid #d8dce5;
            color: #495060;
            background: #fff;
            &.active {
              background-color: $--color-primary;
              color: #fff;
              border-color: $--color-primary;
              &::before {
                background: #fff;
              }
            }
          }
        }
    }
    .el-backtop{
        background-color: transparent;
        &:hover{
            background-color: transparent;
        }
    }
    .noneData p {
        color: rgba(0,0,0,0.38);
    }

    .pad0{
        padding: 0!important;
    }
    .el-transfer-panel .el-checkbox__label {
        padding-left: 24px;
    }

    .reUpload{
        color: $--color-primary;
        .uploader-btn{
            color: $--color-primary;
        }
    }
    .el-transfer-panel__filter.el-input{
        width: calc(100% - 30px);
    }
    // .phaseBefore .wizard ul .active {
    //     background: $--color-primary!important;
    //     &::after {
    //         border-left-color: $--color-primary!important;
    //     }
    // }

    .REITsList >.title{
        background: $--color-primary!important;
        color: #fff;
    }
    .dealContractPlan .cell .plan div{
        border-color: $--table-border-color;
    }
    .menuSaveSort{
        right: 0!important;
        width: calc(100% - 200px);
    }
    .list-views {
        li{
            border: 1px solid rgba(82,88,224,0.1);
            background: #F7FAFF!important;
            border-radius: 8px;
            div{
                font-weight: bold;
            }
            .tag-number{
                color: #333333;
                font-size: 17px;
                margin-bottom: 4px;
            }
            .tag-label{
                font-size: 12px;
                color: #454647;
            }
            &::after{
                top: unset;
                position: absolute;
                content: "";
                bottom: -4px;
                right: -4px;
                transform: rotateZ(135deg);
                width: 0;
                height: 0;
                border-top: 8px solid transparent;
                border-right: 8px solid transparent;
                border-left: 8px solid transparent;
                border-bottom: 8px solid rgba(82,88,224,0.1);
                z-index: 1;
                border-radius: 5px;
            }
        }
        li.selected{
            border: 1px solid $--color-primary;
            div{
                color: $--color-primary;
            }
            &::after{
                bottom: -4px;
                right: -4px;
                top: unset;
                transform: rotateZ(135deg);
                width: 0;
                height: 0;
                border-top: 8px solid transparent;
                border-right: 8px solid transparent;
                border-left: 8px solid transparent;
                border-bottom: 8px solid $--color-primary;
                z-index: 1;
                border-radius: 5px;
            }
        }
    }

    .distinguish li.active span {
        color: $--color-primary;
    }

    .quickLogo {
        height: 40px !important;
        width: 40px!important;
    }

    .previewDialog {
        width: 98%!important;
    }

    .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
        border-color: transparent;
        background-color: transparent;
        color: inherit;
        border-top: 0;
        border-bottom: 0;
    }
    .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus, .el-button.is-disabled:active {
        // color: #c0c4cc;
        // cursor: not-allowed;
        // background-image: none;
        // background-color: #fff;
        // border-color: #ebeef5;
    }
    .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
        color: #fff!important;
        background-color: $--color-primary-light-5!important;
        border-color: $--color-primary-light-5!important;
    }
    .el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover {
        color: #fff;
        background-color: mix($--color-white, $--color-success, 50%) !important;
        border-color: mix($--color-white, $--color-success, 50%) !important;
    }
    .el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover {
        color: #fff;
        background-color: mix($--color-white, $--color-info, 50%) !important;
        border-color: mix($--color-white, $--color-info, 50%) !important;
    }
    .el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover {
        color: #fff;
        background-color: mix($--color-white, $--color-warning, 50%) !important;
        border-color: mix($--color-white, $--color-warning, 50%) !important;
    }
    .el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover {
        color: #fff;
        background-color: mix($--color-white, $--color-danger, 50%) !important;
        border-color: mix($--color-white, $--color-danger, 50%) !important;
    }
    .dealBaseHome header, .fund-header {
        // background: #202B66;
        background: #173588;
        .titlebar {
            height: 100% !important;
            .titlebar-title .title .header-msg .content .text:last-child {
                font-family: DINPro, DINPro;
                font-weight: bold;
                color: #F6FFC0;
            }
        }
    }
    .dealBaseHome {
        .list-table, .el-card{
            box-shadow: unset;
            border-radius: 6px;
            border: 0;
        }
        .miniProcess{
            .tableFlow .maxWid{
                &:nth-child(2) {
                    color: #909398;
                }
            }
            .iconfont{
                display: none;
            }
            .el-card__header .link-type{
                font-weight: bold;
                font-size: 14px;
            }
            .radioPlan{
                margin-top: -5px;
                .el-radio-group{
                    background: rgba(240, 243, 250, 1);
                    border-radius: 2px;
                    padding: 3px;
                    zoom: 1!important;
                    .el-radio-button__inner {
                        padding: 5px 13px!important;
                        border-radius: 0!important;
                        font-size: 13px!important;
                        background: transparent;
                        border: 0!important;
                        font-weight: 400;
                        color: rgba(102, 102, 102, 1);
                        box-shadow: none!important;
                    }
                    .el-radio-button:first-child .el-radio-button__inner {
                        border-color: transparent!important;
                    }
                    .el-radio-button__orig-radio:checked+.el-radio-button__inner {
                        border: 0!important;
                        background: #fff!important;
                        border-color: transparent!important;
                        font-weight: 500!important;
                        color: $--color-primary!important;
                        border-radius: 4px!important;
                        box-shadow: none!important;
                    }
                }
            }
        }
        .phase{
            display: none;
        }
        .phaseBefore {
            .state {
                padding: 15px 0;
                box-shadow: unset;
                border-radius: 0px;
                border: 0;
                border-top: 1px solid $--table-border-color;
            }
            .tit-steps{
                border: 0;
                height: 30px;
            }
        }
        .app-header {
            height: 70px !important;

            .tab-change{
                .el-radio-button__inner {
                    background: rgba(255, 255, 255, 0.2);
                    border: 1px solid rgba(255, 255, 255, 0);
                    color: #fff;
                    transition: unset;
                }
                .el-radio-button__orig-radio:checked+.el-radio-button__inner {
                    color: #fff;
                    background-color: $--color-primary;
                    border-color: $--color-primary;
                    box-shadow: unset;
                }
            }
            .btns{
                .el-button--default, .nocare{
                    background: transparent;
                    border: 1px solid rgba(255, 255, 255, .4);
                    font-weight: 500;
                    color: #FFFFFF;
                }
                .care{
                    color: #fff;
                    background-color: $--color-primary;
                    border-color: $--color-primary;
                }
            }
        }
        .mini-tabs .el-aside, .fullMenu, .magicHome, .isFixed {
            top: 70px!important;
        }
        .page-component__scroll {
            height: calc(100% - 70px);
            margin-top: 70px;
        }
    }
    .tag-content{
        .el-divider--horizontal{
            margin: 0 0 15px;
        }
        .el-radio-button__inner {
            border-radius: 4px;
        }
        .el-radio-button:first-child .el-radio-button__inner {
            border-color: #DCDFE6;
            border-radius: 4px;
        }
    }
    .folderOpen {
        width: 85%!important;
    }
    .dealTrack{
        margin: 0;
        padding: 25px 0 0 10px;
        >ul>li{
            position: relative;
            border-left: 1px dashed rgba(153,153,153,0.5);
            padding-left: 15px;
            padding-bottom: 30px;
            &::before{
                background: url(../image/time.svg);
                width: 25px;
                height: 25px;
                border: 0;
                background-repeat: no-repeat;
                background-size: contain;
                border: 3px solid #fff;
                left: -13px;
                top: -10px;
            }
            .track, .type{
                border-radius: 6px!important;
                border: 1px solid $--color-primary;
                font-size: 12px!important;
                font-family: PingFang SC, PingFang SC;
                font-weight: 400;
                color: $--color-primary!important;
                line-height: 14px;
                padding: 4px 10px !important;
                background: transparent!important;
            }
            .time{
                position: absolute;
                left: 20px;
                top: -7px;
                font-size: 16px;
                font-family: PingFang SC, PingFang SC;
                font-weight: 400;
                color: #666666;
            }
            .content{
                padding-top: 25px;
                position: relative;
                .main{
                    background: #FFFFFF;
                    box-shadow: 0px 2px 14px 0px rgba(82,88,224,0.1);
                    border-radius: 10px 10px 10px 10px;
                    opacity: 1;
                }
                .btn{
                    position: absolute;
                    right: 10px;
                    top: 35px;
                }
            }
            .otherPeople span:first-child {
                font-size: 14px;
                font-family: PingFang SC, PingFang SC;
                font-weight: 400;
                color: #666666;
                line-height: 16px;
            }
            .otherFile{
                .file{
                    margin-top: -2px;
                }
                .click_file{
                    display: flex!important;
                    align-items: center;
                    color: $--color-primary!important;
                    span, i{
                        font-size: 13px;
                        color: $--color-primary!important;
                    }
                }
            }
        }
    }
    .link_a>div, .handle i{
        color: $--color-primary!important;
    }
    .primary-light-1{
        color: #70747A;
        border-color: #E4EAED;
        background-color: transparent;
    }
    .primary-light-2{
        color: rgba(82, 88, 224, 1);
        border: 1px solid #E4EAED;
        background-color: transparent;
    }
    .primary-light-3{
        color: #fff;
        border-color: $--color-primary;
        background-color: $--color-primary;
    }
    .primary-light-4{
        color: $--color-primary!important;
        border: 0!important;
        background-color: rgba(95, 108, 230, 0.15)!important;
    }
    .primary-light-5{
        color: #70747A!important;
        border: 0!important;
        background-color: rgba(112, 116, 122, 0.15)!important;
    }
    .danger-light-1{
        color: rgba(255, 0, 0, 1);
        border: 1px solid rgba(255, 0, 0, 0.15);
        background-color: transparent;
        &:hover{
            color: rgba(255, 0, 0, 1);
            border: 1px solid rgba(255, 0, 0, 1);
        }
    }
    .warn-light-1{
        color: #FD772C!important;
        border: 1px solid rgba(253, 199, 44, 0.40)!important;
        background-color: transparent!important;
    }
    .screenStyle{
        background: #EDEEF1;
    }
    .pt15{
        padding-top: 15px;
    }
    .general-view{
        .tagInvest{
            .el-tag{
                font-weight: 500;
                color: #303133;
                border: 0;
                padding: 0;
                font-size: 14px;
                margin-right: 5px;
                display: inline;
            }
        }
        .investDetail {
            .label {
                font-weight: 400;
                color: #666;
                margin-right: 20px;
            }
            .link-hover-click{
                font-weight: 500;
                color: #000000;
                font-family: San Francisco Display;
            }
        }
        .card-flex{
            display: block;
        }
        .right{
            width: 100%!important;
            margin-top: 15px;
            display: flex;
            align-items: center;
            column-gap: 15px;
            .head{
                h3{
                    font-size: 16px;
                    // font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: bold;
                    color: #303133;
                    line-height: 16px;
                    margin: 0;
                    span{
                        font-size: 14px;
                        font-weight: 400;
                        color: #70747A;
                        margin-left: 10px;
                    }
                }
                .el-icon-more{
                    color: #303133;
                    font-size: 12px;
                }
            }
            .list-table{
                padding: 15px 25px;
                &::before{
                    width: 200px;
                    height: 200px;
                    top: -120px;
                    left: -45px;
                }
                &::after{
                    top: 30px;
                    left: unset;
                    right: -75px;
                    width: 200px;
                    height: 200px;
                }
                .xmfx-li{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin: 0;
                    margin-top: 15px;
                    text-align: center;
                    height: 50px;
                    span{
                        display: block;
                        // font-family: Microsoft YaHei, Microsoft YaHei;
                        font-weight: 400;
                        &:first-child{
                            font-size: 25px;
                            // font-family: Microsoft YaHei, Microsoft YaHei;
                            color: #D20F00;
                            line-height: 30px;
                            i{
                                font-style: normal;
                                color: #70747A;
                                font-size: 13px;
                                margin-left: 3px;
                            }
                        }
                        &:last-child{
                            font-size: 13px;
                            color: #303133;
                            line-height: 16px;
                        }
                    }
                }
                .xmfx-span{
                    margin-top: 15px;
                    height: 50px;
                    line-height: 22px;
                    font-size: 13px;
                    // font-family: Microsoft YaHei, Microsoft YaHei;
                    font-weight: 400;
                    color: #70747A;
                    i{
                        text-align-last:justify;
                        width: 85px;
                        font-style: normal;
                        display: inline-block;
                    }
                    span{
                        color: $--color-primary!important;
                    }
                }
            }
            .cbjk {
                .xmfx-li{
                    justify-content: space-around;
                }
            }
        }
    }
    .dataRoomTable {
        border: 1px solid #F0F3F7;
        td{
            padding: 0px!important;
            border-bottom: 0!important;
            .cell {
                min-height: 42px!important;
            }
        }
        .el-table__row.expanded td{
            border-bottom: 1px solid #F0F3F7!important;
            border-top: 1px solid #F0F3F7!important;
        }
        th,td{
            border-right: 1px solid #F0F3F7!important;
        }
        .el-table__header th {
            background-color: #F7F9FA !important;
            color: #888888!important;
            border-bottom: 0!important;
        }
        td.el-table__cell div {
            min-height: 20px;
        }
        td.file-column{
            position: relative;
            .cell {
                position: absolute;
                padding: 0px;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                .link-type{
                    height: 100%;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }
        }
        .fileType {
            border-bottom: 0!important;
            border-right-color: rgba(0,0,0,0.1)!important;
        }
    }
    .subjectCode{
        .el-radio-button__inner{
            border-radius: 8px!important;
        }
        .el-radio-button__orig-radio:checked+.el-radio-button__inner {
            background: rgba(96,109,230, 0.08)!important;
            border: 1px solid $--color-primary!important;
            color: $--color-primary!important;
            &::after{
                background: $--color-primary!important;
            }
        }
    }
    .el-radio-button:first-child .el-radio-button__inner {
        border-color: #E4E7EC;
    }
    .el-radio-button.is-active:first-child .el-radio-button__inner {
        border-color: $--color-primary;
    }
    .overviewTable{
        border: none;
        .first {
            border-left: none !important;
        }
        .last {
            border-right: none !important;
        }
        .el-table__header th.empty {
            background-color: #fff !important;
            border: none !important;
        }
        .empty {
            background-color: #fff !important;
            border: none !important;
            border-right: none !important;
        }
    }

    .input-checked{
        .checked{
          background-color: $--color-primary!important;
          border-color: $--color-primary!important;
        }
        .indeterminate{
          background-color: $--color-primary!important;
          border-color: $--color-primary!important;
        }
    }
    .hamburger.normal{
        display: none!important;
    }
    .hamburger.light{
        display: block!important;
    }

    .pagination-container {
        margin-top: 10px;
    }

    .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before {
        color: #ff4949;
    }
    .viewItem{
        margin: 10px 0 0!important;
        .list-views{
            height: 65px!important;
        }
    }
    .quarter-range-picker .el-card.is-always-shadow {
        box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
    }
    .termsList li:hover{
        background: linear-gradient( 90deg, rgba(67,78,184,0.12) 0%, rgba(255,255,255,0.07) 100%);
    }
    .kpiList .quarter::before{
        background: $--color-primary!important;
    }
    .investMain .tags{
        margin: 0 10px;
        .el-tag{
            background: #E1E4F3;
            color: $--color-primary;
            border: 0;
            height: auto;
            border-radius: 10px;
            margin-right: 10px;
            line-height: 20px;
        }
    } 
    .jrjj_item li .project .project_content .projectHref .project_content_tit .deal_info_top .info_right span {
        color: $--color-primary!important;
        background: rgba(67, 78, 184, 0.1)!important;
    }
    div[data-qiankun="crm"] {
        .el-tabs__item.is-active, .el-button--text, .slider .mes, .el-radio__input.is-checked + .el-radio__label{
            color:  $--color-primary!important;
        }
        a.link_a, a.link_a:focus, a.link_a:hover, .el-checkbox__input.is-checked + .el-checkbox__label{
            color:  $--color-primary!important;
        }
        .slider .first .icon{
            background:  $--color-primary!important;
            border: 2px solid $--color-primary!important;
        }
        .slider .on{
            border-top: 2px solid $--color-primary!important;
        }
        .slider .dot i{
            display: none!important;
        }
        .el-pagination.is-background .el-pager li:not(.disabled).active{
            background-color: $--color-primary!important;
        }
        .area-header .area-header-title::before{
            background-color: $--color-primary!important;
        }
        .el-radio__input.is-checked .el-radio__inner {
            border-color: $--color-primary!important;
            background: $--color-primary!important;
        }
        .el-button--primary.is-plain {
            color: #5258e0 !important;
            background: rgba(82, 88, 224, .2) !important;
            border-color: rgba(82, 88, 224, .2) !important;
        }
        .el-button--primary.is-plain.on {
            background: $--color-primary;
            border-color: $--color-primary;
            color: #fff;
        }
        .el-button--primary.is-plain:hover {
            border-color: $--color-primary;
            color: #fff;
            background: $--color-primary;
        }
        .el-button--primary.is-plain:focus {
            border-color: $--color-primary;
            color: #fff;
            background: $--color-primary;
        }
        .el-pagination__sizes .el-input .el-input__inner:hover, .el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner {
            border-color: $--color-primary;
        }
        .el-input__inner:hover{border-color:$--color-primary;}
        .el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:$--color-primary;}
        .dataForm{
            .tol{
                height: auto!important;
                line-height: normal!important;
            }
        }
    }


  .panorama{
    .el-menu-icon{
        background: url(../image/menu-1.svg);
        background-size: cover;
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-right: 3px;
    }
    .el-menu-vertical{
        >.el-menu-item.is-active{
            .el-menu-icon{
                background: url(../image/menu-2.svg);
                background-size: cover;
            }
        }
        >.el-submenu.is-active {
            >.el-submenu__title{
              color: $--color-primary;
              background: linear-gradient( 90deg, rgba(67,78,184,0.12) 0%, rgba(255,255,255,0.07) 100%);
              .el-menu-icon{
                background: url(../image/menu-2.svg);
                background-size: cover;
              }
            }
            .el-menu-item.is-active{
                color: $--color-primary;
            }
        }
    }
  }
  .el-checkbox__input.is-checked+.el-checkbox__label {
    color: $--color-primary;
  }
  
  .scrollBox .el-table {
    .el-table__header th {
      background-color: rgba(235, 238, 248, 1) !important;
    }
    td {
        color: rgba(102, 102, 102, 1);
    }
  }
  
  .tabs-content{
    .magicHome{
      top: 0px !important;
    }
  }
  .tag-on{
    background: #434EB8!important;
    color: #fff !important;
  }
  .node-level2{
    i{
      background: url()!important;
      background-repeat: no-repeat!important;
      background-size: contain!important;
    }
  }
  .steps-box{
    ul{
      li{
        margin-left: 0;
        padding: 8px 30px;
        background: #E0E5EE;
        border-radius: 0;
        color: #2A3A6A;
        cursor: pointer;
        margin-right: 3px;
        &::before{
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: calc(31px / 2) 0 calc(31px / 2) 10px;
          border-color: transparent transparent transparent #E0E5EE;
          border-left-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1;
        }
        &::after{
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: calc(31px / 2) 0 calc(31px / 2) 10px;
          border-color: transparent transparent transparent #E0E5EE;
          position: absolute;
          right: -9px;
          top: 0;
          z-index: 2;
        }
        &:first-child{
          border-radius: 20px 0 0 20px;
          &::before{
            content: unset;
          }
        }
        &:last-child{
          border-radius: 0 20px 20px 0;
          &::after{
            content: unset;
          }
        }
        .phaseStyle{
          padding-left: 16px;
        }
        .bold{
          color: #2A3A6A;
          position: relative;
          &::before{
            font-family: element-icons!important;
            position: absolute;
            content: "\e6da";
            left: -19px;
            top: 2px;
            font-size: 15px;
            color: #2A3A6A;
            font-weight: bold;
          }
        }
      }
      .active {
          color: #fff;
          background: #434EB8;
          &::before{
            border-color: transparent transparent transparent #ffffff;
          }
          &::after{
            border-color: transparent transparent transparent #434EB8;
          }
          .bold{
            color: #fff;
            &::before{
              color: #fff;
            }
          }
      }
      .bold{
          font-weight: bold;
      }
    }
  }
}

